<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button"  id="btn" value="开始计时按钮" /><br />
		<input type="button" id="btn1" value="停止计时按钮" />
			<ul id="list1">
				
			</ul>	
	</body>
	<script type="text/javascript">
		/*
		 数组的三种定义方式
		 * */
//		var arr = new Array()
//		arr[0] = 123;
//		arr[1] = "张三";
//		arr[2] = "小明";
//		console.log(arr)
//		var arr = new Array(123,'传智','黑马传智')
//		console.log(arr)
//		var arr1 = [123, '黑马',"传智"]
//		console.log(arr1)
		var arr = [1,23,1,23,4,5,23,1]
		console.log("数组额长度为：" + arr.length)
		console.log("第一个元素为：" + arr[0])
		console.log("以-进行分割:" + arr.join("-"))
		arr.push(88)
		console.log("增加88的操作" + arr)
		arr.pop(23)
		console.log(arr)
		console.log("对数组进行翻转操作：" + arr.reverse())
		console.log("找到元素里5第一次出现的位置：" + arr.indexOf(5))
		arr.splice(1,2,44,55,66)
		console.log(arr)
		arr[0] = 99
		console.log(arr)
		/*
		 join 以某方式进行分割，reverse 表示翻转，indexOf表示查找第一次出现的索引 splice  ，length
		 * */
		var arr2 = []
		var olist1 = document.getElementById("list1")
		for (var i = 0; i < arr.length; i++) {
			olist1.innerHTML += arr[i]
		}
//		for (var i = 0; i < arr.length; i++) {
//			if (arr.indexOf(arr[i]) == i){
//				arr2.push(arr[i])
//			}
//		}console.log("去重之后的结果为：" + arr2)
		var obtn = document.getElementById("btn")
		var obtn1 = document.getElementById("btn1")
		obtn.onclick = function(){
			t = setInterval(
				function(){
					alert("炸了")
				},2000
			)		
		}
		obtn1.onclick = function(){
			clearInterval(t)
		}
		var b ;
		function fun_name () {
			b = "今天吃什么饭啊？"
			console.log(b)
		}
		fun_name()
		console.log(b)
	</script>
</html>

